<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="style.css">
		<title>L.O.P.S. - Localizador OnLine de Prestadores de Servi&ccedil;o</title>
		<script language='JavaScript'>
			var txt= '   ' + document.title + '   '
			var tempo=45;
			var refresco=null;
			function titulo() {
			document.title=txt;
			txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("titulo()",tempo);}
			titulo();
		</script>
		<script type="text/javascript">
			function exibe(id) {
				if(document.getElementById(id).style.display=="none") {
					document.getElementById(id).style.display = "block";
				}
			}
			function fecha(id){
				if (document.getElementById(id).style.display=="block"){
					document.getElementById(id).style.display = "none";
				}
			}
		</script>
	</head>
	<body>
		<div id="publicidade">
			<video id="publicidade-video" autoplay loop>
				<source src="" type="video/mp4">
			</video>
		</div>
		<div id="login">
			<a href="#" onclick="javascript: exibe('cadastro-usuario');">Cadastro de Usu&aacute;rio</a>
			<a href="#" onclick="javascript: exibe('cadastro-prestador');">Cadastro de Prestador de Servi&ccedil;os</a>
			<a href="#" onclick="javascript: exibe('login-usuario');">login</a>
		</div>
		<div id="all-content">
			<div id="header">
				<div id="facebook">
					<a href="http://www.google.com.br"><img src="img/Facebook.png"/></a>
				</div>
				<div id="twitter">
					<a href="http://www.google.com.br"><img src="img/Twitter.png"/></a>
				</div>
				<div id="googleplus">
					<a href="http://www.google.com.br"><img src="img/Google +.png"/></a>
				</div>
				<div id="instagran">
					<a href="http://www.google.com.br"><img src="img/Instagram.png"/></a>
				</div>
				<div id="youtube">
					<a href="http://www.google.com.br"><img src="img/YouTube.png"/></a>
				</div>
			</div>
			<div id="content-body">
				<div id="logo">
					<h1>LOPS</h1>
					<h2>Localizador OnLine de Prestadores de Servi&ccedil;o</h2>
				</div>
				<div id="cadastro-usuario" style="display: none;">
					<form action="JSP/cadastrarUsuarios.jsp" method="post">
						<fieldset>
							<legend>Dados do Usu&aacute;rio</legend>
							<table cellspacing="10">
								<tr>
									<td><label for="nome">Nome: </label></td>
									<td align="left"><input size="50" maxlength="50" type="text" name="nome"></td>
								</tr>
								<tr>
									<td><label for="sobrenome">Sobrenome: </label></td>
									<td align="left"><input size="50" maxlength="50" type="text" name="sobrenome"></td>
								</tr>
								<tr>
									<td><label for="email">E-mail: </label></td>
									<td align="left"><input size="100" maxlength="100" type="text" name="email"></td>
								</tr>
								<tr>
									<td><label for="telefone">Telefone: </label></td>
									<td align="left"><input size="11" maxlength="11" type="text" name="telefone"></td>
								</tr>
							</table>
						</fieldset>
						<fieldset>
							<legend>Endere&ccedil;o</legend>
							<table cellspacing="10">
								<tr>
									<td><label for="rua">Rua: </label></td>
									<td align="left"><input size="100" maxlength="100" type="text" name="rua"></td>
								</tr>
								<tr>
									<td><label for="numero">N&uacute;mero: </label></td>
									<td align="left"><input size="5" maxlength="5" type="text" name="numero"></td>
								</tr>
								<tr>
									<td><label for="bairro">Bairro: </label></td>
									<td align="left"><input size="100" maxlength="100" type="text" name="bairro"></td>
								</tr>
								<tr>
									<td><label for="cidade">Cidade: </label></td>
									<td align="left"><input size="100" maxlength="100" type="text" name="cidade"></td>
								</tr>
								<tr>
									<td><label for="estado">Esdado: </label></td>
									<td align="left">
										<select name="estado">
											<option value="Acre">AC-Acre</option>
											<option value="Alagoas">AL-Alagoas</option>
											<option value="Amapá">AP-Amapá</option>
											<option value="Amazonas">AM-Amazonas</option>
											<option value="Bahia">BA-Bahia</option>
											<option value="Ceara">CE-Ceara</option>
											<option value="Distrito Federal">DF-Distrito Federal</option>
											<option value="Espírito Santo">ES-Espírito Santo</option>
											<option value="Goiás">GO-Goiás</option>
											<option value="Maranhão">MA-Maranhão</option>
											<option value="Mato Grosso">MT-Mato Grosso</option>
											<option value="Mato Grosso do Sul">MS-Mato Grosso do Sul</option>
											<option value="Minas Gerais">MG-Minas Gerais</option>
											<option value="Pará">PA-Pará</option>
											<option value="Paraíba">PB-Paraíba</option>
											<option value="Paraná">PR-Paraná</option>
											<option value="Pernambuco">PE-Pernambuco</option>
											<option value="Piauí">PI-Piauí</option>
											<option value="Rio de Janeiro">RJ-Rio de Janeiro</option>
											<option value="Rio Grande do Norte">RN-Rio Grande do Norte</option>
											<option value="Rio Grande do Sul">RS-Rio Grande do Sul</option>
											<option value="Rondônia">RO-Rondônia</option>
											<option value="Roraima">RR-Roraima</option>
											<option value="Santa Catarina">SC-Santa Catarina</option>
											<option value="São Paulo">SP-São Paulo</option>
											<option value="Sergipe">SE-Sergipe</option>
											<option value="Tocantins">TO-Tocantins</option>
										</select>
									</td>
								</tr>
							</table>
						</fieldset>
						<fieldset>
							<legend>Dados de Login</legend>
							<table cellspacing="10">
								<tr>
									<td><label for="login">Login: </label></td>
									<td align="left"><input size="50" maxlength="50" type="text" name="login"></td>
								</tr>
								<tr>
									<td><label for="senha">Senha: </label></td>
									<td align="left"><input size="16" maxlength="16" type="password" name="senha"></td>
								</tr>
								<tr>
									<td><label for="confirmarsenha">Confirmar Senha: </label></td>
									<td align="left"><input size="16" maxlength="16" type="password" name="confirmarsenha"></td>
								</tr>
							</table>
						</fieldset>
						<input id="submit" type="submit" value="Enviar">
						<input id="reset" type="reset" value="Limpar">
						<input id="cancel" type="button" value="Cancelar" onclick="javascript: fecha('cadastro-usuario');">
					</form>
				</div>
				<div id="cadastro-prestador" style="display: none;">
					<form action="JSP/cadastrarPrestadores.jsp" method="post">
						<fieldset>
							<legend>Dados do Usu&aacute;rio</legend>
							<table cellspacing="10">
								<tr>
									<td><label for="nome">Nome: </label></td>
									<td align="left"><input size="50" maxlength="50" type="text" name="nome"></td>
								</tr>
								<tr>
									<td><label for="sobrenome">Sobrenome: </label></td>
									<td align="left"><input size="50" maxlength="50" type="text" name="sobrenome"></td>
								</tr>
								<tr>
									<td><label for="email">E-mail: </label></td>
									<td align="left"><input size="100" maxlength="100" type="text" name="email"></td>
								</tr>
								<tr>
									<td><label for="telefone">Telefone: </label></td>
									<td align="left"><input size="11" maxlength="11" type="text" name="telefone"></td>
								</tr>
							</table>
						</fieldset>
						<fieldset>
							<legend>Endere&ccedil;o</legend>
							<table cellspacing="10">
								<tr>
									<td><label for="rua">Rua: </label></td>
									<td align="left"><input size="100" maxlength="100" type="text" name="rua"></td>
								</tr>
								<tr>
									<td><label for="numero">N&uacute;mero: </label></td>
									<td align="left"><input size="5" maxlength="5" type="text" name="numero"></td>
								</tr>
								<tr>
									<td><label for="bairro">Bairro: </label></td>
									<td align="left"><input size="100" maxlength="100" type="text" name="bairro"></td>
								</tr>
								<tr>
									<td><label for="cidade">Cidade: </label></td>
									<td align="left"><input size="100" maxlength="100" type="text" name="cidade"></td>
								</tr>
								<tr>
									<td><label for="estado">Esdado: </label></td>
									<td align="left">
										<select name="estado">
											<option value="Acre">AC-Acre</option>
											<option value="Alagoas">AL-Alagoas</option>
											<option value="Amapá">AP-Amapá</option>
											<option value="Amazonas">AM-Amazonas</option>
											<option value="Bahia">BA-Bahia</option>
											<option value="Ceara">CE-Ceara</option>
											<option value="Distrito Federal">DF-Distrito Federal</option>
											<option value="Espírito Santo">ES-Espírito Santo</option>
											<option value="Goiás">GO-Goiás</option>
											<option value="Maranhão">MA-Maranhão</option>
											<option value="Mato Grosso">MT-Mato Grosso</option>
											<option value="Mato Grosso do Sul">MS-Mato Grosso do Sul</option>
											<option value="Minas Gerais">MG-Minas Gerais</option>
											<option value="Pará">PA-Pará</option>
											<option value="Paraíba">PB-Paraíba</option>
											<option value="Paraná">PR-Paraná</option>
											<option value="Pernambuco">PE-Pernambuco</option>
											<option value="Piauí">PI-Piauí</option>
											<option value="Rio de Janeiro">RJ-Rio de Janeiro</option>
											<option value="Rio Grande do Norte">RN-Rio Grande do Norte</option>
											<option value="Rio Grande do Sul">RS-Rio Grande do Sul</option>
											<option value="Rondônia">RO-Rondônia</option>
											<option value="Roraima">RR-Roraima</option>
											<option value="Santa Catarina">SC-Santa Catarina</option>
											<option value="São Paulo">SP-São Paulo</option>
											<option value="Sergipe">SE-Sergipe</option>
											<option value="Tocantins">TO-Tocantins</option>
										</select>
									</td>
								</tr>
							</table>
						</fieldset>
						<fieldset>
							<legend>Dados de Login</legend>
							<table cellspacing="10">
								<tr>
									<td><label for="login">Login: </label></td>
									<td align="left"><input size="50" maxlength="50" type="text" name="login"></td>
								</tr>
								<tr>
									<td><label for="senha">Senha: </label></td>
									<td align="left"><input size="16" maxlength="16" type="password" name="senha"></td>
								</tr>
								<tr>
									<td><label for="confirmarsenha">Confirmar Senha: </label></td>
									<td align="left"><input size="16" maxlength="16" type="password" name="confirmarsenha"></td>
								</tr>
							</table>
						</fieldset>
						<fieldset>
							<legend>Dados de Comerciais</legend>
							<table cellspacing="10">
								<tr>
									<td><label for="nome-fantasia">Nome Fantasia: </label></td>
									<td align="left"><input size="100" maxlength="100" type="text" name="nome-fantasia"></td>
								</tr>
								<tr>
									<td><label for="prestado-rua">Rua: </label></td>
									<td align="left"><input size="100" maxlength="100" type="text" name="prestado-rua"></td>
								</tr>
								<tr>
									<td><label for="prestado-numero">N&uacute;mero: </label></td>
									<td align="left"><input size="5" maxlength="5" type="text" name="prestado-numero"></td>
								</tr>
								<tr>
									<td><label for="prestado-bairro">Bairro: </label></td>
									<td align="left"><input size="100" maxlength="100" type="text" name="prestado-bairro"></td>
								</tr>
								<tr>
									<td><label for="prestado-cidade">Cidade: </label></td>
									<td align="left"><input size="100" maxlength="100" type="text" name="prestado-cidade"></td>
								</tr>
								<tr>
									<td><label for="prestado-estado">Esdado: </label></td>
									<td align="left">
										<select name="prestado-estado">
											<option value="Acre">AC-Acre</option>
											<option value="Alagoas">AL-Alagoas</option>
											<option value="Amapá">AP-Amapá</option>
											<option value="Amazonas">AM-Amazonas</option>
											<option value="Bahia">BA-Bahia</option>
											<option value="Ceara">CE-Ceara</option>
											<option value="Distrito Federal">DF-Distrito Federal</option>
											<option value="Espírito Santo">ES-Espírito Santo</option>
											<option value="Goiás">GO-Goiás</option>
											<option value="Maranhão">MA-Maranhão</option>
											<option value="Mato Grosso">MT-Mato Grosso</option>
											<option value="Mato Grosso do Sul">MS-Mato Grosso do Sul</option>
											<option value="Minas Gerais">MG-Minas Gerais</option>
											<option value="Pará">PA-Pará</option>
											<option value="Paraíba">PB-Paraíba</option>
											<option value="Paraná">PR-Paraná</option>
											<option value="Pernambuco">PE-Pernambuco</option>
											<option value="Piauí">PI-Piauí</option>
											<option value="Rio de Janeiro">RJ-Rio de Janeiro</option>
											<option value="Rio Grande do Norte">RN-Rio Grande do Norte</option>
											<option value="Rio Grande do Sul">RS-Rio Grande do Sul</option>
											<option value="Rondônia">RO-Rondônia</option>
											<option value="Roraima">RR-Roraima</option>
											<option value="Santa Catarina">SC-Santa Catarina</option>
											<option value="São Paulo">SP-São Paulo</option>
											<option value="Sergipe">SE-Sergipe</option>
											<option value="Tocantins">TO-Tocantins</option>
										</select>
									</td>
								</tr>
							</table>
						</fieldset>
						<input id="submit" type="submit" value="Enviar">
						<input id="reset" type="reset" value="Limpar">
						<input id="cancel" type="button" value="Cancelar" onclick="javascript: fecha('cadastro-prestador');">
					</form>
				</div>
				<div id="login-usuario" style="display: none;">
					<form action="JSP/loginUsuario.jsp" method="post">
						<fieldset>
							<legend>Login</legend>
							<table cellspace="10">
								<tr>
									<td><label for="login">Login: </label></td>
									<td align="left"><input size="50" maxlength="50" type="text" name="login"></td>
								</tr>
								<tr>
									<td><label for="senha">Senha: </label></td>
									<td align="left"><input size="16" maxlength="16" type="password" name="senha"></td>
								</tr>
							</table>
						</fieldset>
						<input id="submit" type="submit" value="Enviar">
						<input id="reset" type="reset" value="Limpar">
						<input id="cancel" type="button" value="Cancelar" onclick="javascript: fecha('login-usuario');">
					</form>
				</div>
			</div>
			<div id="footer">
			</div>
		</div>
	</body>
</html>